import Base from '@/components/Base';
import {
  Button,
  Card,
  Form,
  Radio,
  Input,
  Badge,
  Select,
  Table,
  Modal,
  message,
  Popover,
  Typography,
} from 'antd';
import styles from './index.less';
// import { init } from '@/modules/lumenLibs/main'
// const lumen = require('@/modules/lumenLibs/main.js');

const { Title, Paragraph, Text } = Typography;

interface State {}

export default class Index extends Base<any, State> {
  public state: State = {};

  public async didShow() {}

  public async didMount() {
    // console.log('history', this.navigator.history)
    // lumen.init('lumen-canvas')
  }

  public render() {
    const {} = this.state;
    return (
      <div
        style={
          {
            // background:'#212534'
          }
        }
      >
        <Typography className={styles.contentBox}>
          <Title level={3}>Lumen</Title>
          <Paragraph>
            <p>
              参考Github：
              <a href="https://github.com/Domenicobrz/Lumen-2D" target="_blank">
                https://github.com/Domenicobrz/Lumen-2D
              </a>
            </p>
            <p>
              更多：
              <a
                href="https://benedikt-bitterli.me/portfolio.html"
                target="_blank"
              >
                https://benedikt-bitterli.me/portfolio.html
              </a>
            </p>
            <Title level={4}></Title>
            <p></p>
          </Paragraph>
        </Typography>

        <canvas id="lumen-canvas"></canvas>
      </div>
    );
  }
}
